<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>商品分类</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
		<link rel="stylesheet" type="text/css" href="css/swiper.css"/>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
	</head>
	<body>
		<div class="search-bar-001">
			<div class="icon"></div>
			<input type="text" class="input-box" placeholder="请搜索您想要的商品" />
		</div>
		<div class="category-container-001">
			<div class="aside">
				<div class="item active">狗粮专区</div>
				<div class="item">猫粮专区</div>
				<div class="item">保健品专区</div>
				<div class="item">清洁专区</div>
				<div class="item">驱虫专区</div>
				<div class="item">零食专区</div>
				<div class="item">罐头专区</div>
				<div class="item">用品专区</div>
				<div class="item">玩具专区</div>
				<div class="item">猫砂专区</div>
			</div>
			<div class="goods-wrapper">
				<div class="tools">
					<div class="li active">综合</div>
					<div class="li">销售</div>
					<div class="li">价格</div>
				</div>
				<div class="goods-container">
					<div class="goods-list">
						<a href="goods_detail.html" class="item">
							<div class="image"></div>
							<div class="name">特价耐吉斯新西兰版猫粮5.45KG</div>
							<div class="other">
								<div class="price">300</div>
								<div class="btn"></div>
							</div>
						</a>
						<a href="goods_detail.html" class="item">
							<div class="image"></div>
							<div class="name">特价耐吉斯新西兰版猫粮5.45KG</div>
							<div class="other">
								<div class="price">300</div>
								<div class="btn"></div>
							</div>
						</a>
						<a href="goods_detail.html" class="item">
							<div class="image"></div>
							<div class="name">特价耐吉斯新西兰版猫粮5.45KG</div>
							<div class="other">
								<div class="price">300</div>
								<div class="btn"></div>
							</div>
						</a>
						<a href="goods_detail.html" class="item">
							<div class="image"></div>
							<div class="name">特价耐吉斯新西兰版猫粮5.45KG</div>
							<div class="other">
								<div class="price">300</div>
								<div class="btn"></div>
							</div>
						</a>
						<a href="goods_detail.html" class="item">
							<div class="image"></div>
							<div class="name">特价耐吉斯新西兰版猫粮5.45KG</div>
							<div class="other">
								<div class="price">300</div>
								<div class="btn"></div>
							</div>
						</a>
						<a href="goods_detail.html" class="item">
							<div class="image"></div>
							<div class="name">特价耐吉斯新西兰版猫粮5.45KG</div>
							<div class="other">
								<div class="price">300</div>
								<div class="btn"></div>
							</div>
						</a>
						<a href="goods_detail.html" class="item">
							<div class="image"></div>
							<div class="name">特价耐吉斯新西兰版猫粮5.45KG</div>
							<div class="other">
								<div class="price">300</div>
								<div class="btn"></div>
							</div>
						</a>
						<a href="goods_detail.html" class="item">
							<div class="image"></div>
							<div class="name">特价耐吉斯新西兰版猫粮5.45KG</div>
							<div class="other">
								<div class="price">300</div>
								<div class="btn"></div>
							</div>
						</a>
					</div>
				</div>
			</div>
		</div>
		<div class="footer-001">
			<a href="index.html" class="item">首页</a>
			<a href="category.html" class="item">商品</a>
			<a href="cart.html" class="item">购物车</a>
			<a href="my.html" class="item">我的</a>
		</div>
		<script src="js/swiper.js"></script>
		<script>
			var swiper = new Swiper('#swiper', {
				pagination: {
					el: ".swiper-pagination",
				},
				autoplay: {
					delay: 3000,
					disableOnInteraction: false,
				},
			});
		</script>
	</body>
</html>
